<template>
	<view class="address row bg-white">
	    <!-- <image class="icon-md mr20" src="/static/images/icon_address.png"></image> -->
	    <view class="flex1 mr20">
	        <view class="black md" v-if="!address.contact && isSelect">设置收货地址</view>
	        <view v-else>
	            <view class="area md lighter" style="color: #333333;font-weight: bold;">
	                {{address.address}}{{address.house_number}}
	            </view>
				<text class="name sm mt10 mr10" style="color:#9e9e9e;">{{address.contact}}</text>
				<text class="phone sm" style="color:#9e9e9e;">{{address.telephone}}</text>
	        </view>
	    </view>
	    <image v-if="isSelect" class="icon-sm" src="/static/images/arrow_right.png"></image>
	</view>
</template>

<script>
	export default {
		props:{
			isSelect: {
				type: Boolean,
				default: true
			},
			address: {
				type: [Object, Array],
				default: () => ({})
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.address {
    // min-height: 124rpx;
 //    padding: 20rpx 24rpx 10rpx;
	// border-radius: 14rpx 14rpx 0 0;
	// margin: 20rpx 20rpx 0;
}

</style>
